const path = require('path') // 引入node.js的模块 「import path from 'path'」
module.exports = {
    publicPath: process.env.NODE_ENV === 'production'
        ? '/front-end-study18-project-accountbook/'
        : '/',
    lintOnSave: false,
    chainWebpack: config => {
        const dir = path.resolve(__dirname, 'src/assets/icons')

        // config 是webpack的API「Vue封装的」
        config.module
            .rule('svg-sprite')
            .test(/\.svg$/) // 这里不往后面写了就是整个目录下.svg
            .include.add(dir).end() // 只包含 icons 目录
            .use('svg-sprite-loader').loader('svg-sprite-loader').options({extract: false}).end()//extract:false代表不解析为文件
            .use('svgo-loader').loader('svgo-loader')
            // .tap(options => ({...options, plugins: [{removeAttrs: {attrs: 'fill'}}]}))
            .end()
        config.plugin('svg-sprite').use(require('svg-sprite-loader/plugin'), [{plainSprite: true}])
        config.module.rule('svg').exclude.add(dir) // 其他 svg loader 排除 icons 目录
    }
}